<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-3.2.1.js"></script>
    <link rel="stylesheet" href="css/1.css">
    <link rel="stylesheet" href="css/2.css">
    <link rel="stylesheet" href="css/3.css">
    <link rel="stylesheet" href="css/4.css">
    <link rel="stylesheet" href="css/5.css">
</head>
<body>
    <div class="part1">
        <div class="ding">
           <a href="#">首页</a>
           <a href="#A1">关于我</a>
           <a href="#A2">生活日常</a>
           <a href="#A3">我喜爱</a>
           <a href="#A4">联系我</a> 
        </div>
        <img class="img" src="img/male.jpg" alt="">
        <p class="t1">@穗岁</p>
        <p class="t2">HeLlO</p>
        <div class="top1">
            <div class="container">
                <span>W</span>
                <span>e</span>
                <span>l</span>
                <span>c</span>
                <span>o</span>
                <span>m</span>
                <span>e</span>
                <span>&nbsp;</span>
                <span>t</span>
                <span>o</span>
                <span>&nbsp;</span>
                <span>m</span>
                <span>y</span>
                <span>&nbsp;</span>
                <span>w</span>
                <span>o</span>
                <span>r</span>
                <span>l</span>
                <span>d</span>
                <span>!</span>
            </div>
            
        </div>
        <div class="top2">
        </div>
        <p class="t4"> you try if yourself youtiy</p>
    </div>
    <div class="part2">
        <p class="t5"><a name="A1">关于我|About Me</a></p>
        <img class="girl" src="img/pic01.jpg" alt="">
        <div class="mess">
            <p>姓名：梁修蝶</p>
            <p>年龄：21岁</p>
            <p>家乡：淮南寿县</p>
            <p>学校：淮北师范大学</p>
            <p>班级：2017级计算机科学与技术非师二班</p>
        </div>
        <div class="sun">
            <img class="sun" src="img/osd_sun.png" alt="">
        </div>
       <div class="nav">
            <p class="t6" >好好生活,痛和不妥尽量躲过。</p>
       </div>
    </div>
    <div class="part3">
        <p class="t7"><a name="A2">生活日常|Dayiy Life</a></p>
        <div class="xian"></div>
       <div class="dayiy">
            <p class="t8">我的爱好</p>
            <img class="music" src="img/osd_music.png">
            <p class="t9">音乐</p>
            <img class="TV" src="img/osd_video.png">
            <p class="t10">追剧</p>
            <img class="read" src="img/osd_mediaplayer.png">
            <p class="t11">阅读</p>
            <img class="play" src="img/osd_ipod.png">
            <p class="t12">游戏</p>
       </div>
       <div class="xg">
        <p class="t8">我的性格</p>
        <img class="music" src="img/osd_recyclebin_empty.png">
        <p class="t9">积极向上</p>
        <img class="TV" src="img/osd_mail.png">
        <p class="t10">乐于助人</p>
        <img class="read" src="img/osd_icecream.png">
        <p class="t11">执着勇敢</p>
        <img class="play" src="img/osd_network.png">
        <p class="t12">乐观活泼</p>
   </div>
    </div>
    <div class="part4">
        <div class="part">       
        </div>
        <p class="t13"><a name="A3">我喜爱|MY LOVING</a></p>
        <div class="a1">
            <img class="p1" src="img/QQ2.jpg" alt="">
            <p class="t14">小城故事</p>
            <p class="t15">人间烟火气，最扶凡人心。</p>
        </div>
        <div class="a2">
            <img class="p1" src="img/QQ3.jpg" alt="">
            <p class="t14">万物欣荣</p>
            <p class="t15">错过秋风冬雪，便会迎来春天的樱花。</p>
        </div>
        <div class="a3">
            <img class="p1" src="img/3.jpg" alt="">
            <p class="t14">晴</p>
            <p class="t15">别害怕，宇宙都温柔。</p>
        </div>
        <div class="a4">
            <img class="p1" src="img/QQ4.jpg" alt="">
            <p class="t14">请回答：1988</p>
            <p class="t15">有泪点，也有笑点。</p>
        </div>
        <div class="a5">
            <img class="p1" src="img/5.jpg" alt="">
            <p class="t14">乖，摸摸头</p>
            <p class="t15">真实的故事，如点点星光，又如支支火把。</p>
        </div>
        <div class="a6">
            <img class="p1" src="img/6.jpeg" alt="">
            <p class="t14">生活</p>
            <p class="t15">请相信，世界上所有的相遇都是久别重逢。</p>
        </div>
    </div>
    <div class="part5">
        <div class="bo">
            <p class="t16"><a name="A4">联系我|Contact Me</a></p>
        </div>
        <div class="bo1">
            <img class="qq" src="img/qq.png" alt="">
            <p class="t17">2744202361</p>
            <div class="wei">
                <ul>
                    <li class="drop">
                        <img class="weixin" src="img/微信.png" alt="">
                        <div class="menu">
                            <img class="ma" src="img/二维码.png" alt="">
                        </div>
                    </li>
                </ul> 
            </div>
            <img class="num" src="img/电话.png" alt="">
            <p class="t18">13093531006</p>
            <input class="i1" type="text" placeholder="姓名"/>
            <input class="i2" type="text" placeholder="邮件"/>
            <input class="i3" type="text" placeholder="信息"/>
            <button >提交</button>
        </div>
    </div>
    <div style="display:none;" class="back-to" id="toolBackTop">
		<a title="返回首页" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top"></a>
	</div>
    <script>
        $(function () {
	        var bt = $('#toolBackTop');
	        var sw = $(document.body)[0].clientWidth;	 
	        var limitsw = (sw - 840) / 2 - 80; 
	        if (limitsw > 0){
                limitsw = parseInt(limitsw);
                bt.css("right",limitsw/8);
	        }	 
	        $(window).scroll(function() {
                var st = $(window).scrollTop();
                if(st > 30){
                        bt.show();
                }else{
                        bt.hide();
                }
	        });
	});
    </script>
</body>
</html>